<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/list.css"/>
		<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.css" rel="stylesheet">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<script src="../../../js/qrcode/jquery2.1.4.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/locale/bootstrap-table-zh-CN.min.js"></script>
	</head>
	<body>
	<table id="user_list"></table>
	<script>
		$(function (){
			$("#user_list").bootstrapTable({
				url:"/user/list.do", // 数据地址
				strategy:true, // 是否显示行的间隔
				pageNumber:1, // 初始化加载第几页
				pagination:true, // 是否分页
				sidePagination:'server', // 在服务器或客户端分页
				pageSize:5, // 一页容量
				pageList:[5,10,20],
				showRefresh:true,
				clickToSelect:true,
				queryParams:function (params){
					var temp = {
						offset:params.offset,
						pageNumber: params.limit
					};
					return temp;
				},
				columns:[
					{
						title:"编号",
						field:"uid",
						sortable:true
					},
					{
						title:"姓名",
						field:"uName",
						sortable:true
					},
					{
						title:"电话号码",
						field:"uPhone",
						sortable:true
					},
					{
						title:"身份证号码",
						field:"uIdentity",
						sortable:true
					},
					{
						title:"密码",
						field:"uPassword",
						sortable:true
					},
					{
						title:"注册时间",
						field:"uRegisterTime",
						sortable:true
					},
					{
						title:"上次登录时间",
						field:"uLoginTime",
						sortable:true
					},
				]
			});
		});
	</script>
	</body>
</html>
